<template>
	<view class="content" v-if="show==1">
		<view class="top2">
			<view class="top"></view>
			<view class="qiehuan">
			  <view @click="qiehuan" data-s="0" :class="status==0?'status active':'status'">全部</view>
			  <view @click="qiehuan" data-s="1" :class="status==1?'status active':'status'">待付款</view>
			  <view @click="qiehuan" data-s="2" :class="status==2?'status active':'status'">待服务</view>
			  <view @click="qiehuan" data-s="3" :class="status==3?'status active':'status'">待完成</view>
			  <view @click="qiehuan" data-s="4" :class="status==4?'status active':'status'">待评价</view>
			</view>
		</view>
		<view class="zhong">
		    <view class="order" v-for="(o,index) in order" :style="'right:'+o.right+'px;'" :data-index="index" @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd">
			  <view class="orders">
		      <view class="order_1" @click="see" :data-id="o.id">
		        <view class="time">{{o.createtime}}</view>
		        <view class="zhuangtai daifukuan" v-if="o.status==1">待付款</view>
				<view class="zhuangtai daishangke" v-if="o.status==2">待服务</view>
				<view class="zhuangtai daishouhuo" v-if="o.status==3">待完成</view>
				<view class="zhuangtai daipingjia" v-if="o.status==4">待评价</view>
				<view class="zhuangtai yiwancheng" v-if="o.status==5">已完结</view>
				<view class="zhuangtai yiquxiao" v-if="o.status==-1">已取消</view>
		      </view>
		      <view class="goods" @click="see" :data-id="o.id">
		        <view class="goods_1">
					<image class="lsimg" :src="o.avatar" mode="aspectFit"></image>
		          <view class="title">
		            <view class="title_1">
						<view class="title_1_1">{{o.cate2}}/{{o.fuwu_cate}}</view>
					</view>
					<view class="title_2">
						{{o.tid}}-{{o.laoshi}}
					</view>
					<view class="title_2">
						<text>{{o.nianji}}</text>
					</view>
					
		          </view>
		        </view>
				<!--<view class="title_2">
					<image class="title_2_1" src="../../static/images/map3.png" mode="aspectFill"></image>
					<text class="title_2_2">{{o.address}}</text>
				</view>-->
				<view class="title_2">
					<view class="title_2_2" style="width:30%;">实付:<text style="color:red;">{{zdtype==1?'㉿':'￥'}}{{o.pay_total}}</text></view>
					<view class="title_2_2" style="width:20%;text-align: center;">数量:{{o.amount}}个</view>
					<view class="title_2_2" style="width:50%;text-align: right;">上门日期:{{o.sktime}}</view>
				</view>
		      </view>
			  <view class="shenqing" v-if="o.sq_stu>0 && o.sq_stu<4">{{o.sqtime}}</view>
			  <view class="shenqing2" v-if="o.sq_stu==4" @click="tuicause" :data-index="index">
			  <text>{{o.sqtime}}</text>
			  <image src="../../static/yy.png" mode="aspectFit"></image>
			  </view>
		      <view class="caozuo">
				  <!--<view class="money">
					实付:<text>￥{{o.pay_total}}</text>
				  </view>-->
		        <navigator :url="'/pages/order/detail?id='+o.id" >
		        <view class="see">查看</view>
		        </navigator>
		        <navigator :url="'/pages/goods/pay?id='+o.id" class="pay" v-if="o.status==1">付款</navigator>
		        <view class="quxiao" @click="quxiao" :data-index="index" v-if="o.status==1">取消订单</view>
				<view class="pay" @click="ysk" :data-index="index" v-if="o.status==2 && o.sq_stu==0">已服务</view>
				<view class="pay" @click="skyes" :data-index="index" v-if="o.status==2 && o.sq_stu==1">已服务</view>
				
				<view class="pay" @click="wc" :data-index="index" v-if="o.status==3 && o.sq_stu==0">确认完成</view>
				<view class="pay" @click="wcyes" :data-index="index" v-if="o.status==3 && o.sq_stu==2">确认完成</view>
				
				<navigator class="pay" :url="'/pages/order/ping?id='+o.id+'&index='+index" v-if="o.status==4 && o.tk_status!=1">去评价</navigator>
				<view class="pay" @click="tuikuan" :data-index="index" v-if="o.is_tk==1">申请退款</view>
				<view class="pay" @click="butuikuan" v-if="o.is_tk==2" style="background-color: #ccc;">申请退款</view>
				<view class="pay" v-if="o.status>1 && o.status<4" @click="mfbdmobile" :data-mobile="o.laoshi_mobile" :data-id="o.teacher_id">联系师傅</view>
				<view class="quxiao" @click="bohui" :data-index="index" v-if="o.status==2 && o.sq_stu==1">申诉</view>
				<view class="quxiao" @click="wcno" :data-index="index" v-if="o.status==3 && o.sq_stu==2">申诉</view>
			  </view>
			  </view>
			  <view :style="'right:-'+right+'px;'" class="remove" @click="del" :data-index="index">删除</view>
		    </view>
			
			<view class="empty" v-if="!order[0]">暂无任何订单</view>
		</view>
		
		<view class="zheceng" v-if="is_c==true"></view>
		<view class="cause" v-if="is_c==true">
			<view class="cause2">
				<text>申诉原因</text>
				<image @click="bohuig" src="../../static/cha.png" mode="aspectFit"></image>
			</view>
			<view class="cause3">
				<textarea @input="yuanyin" placeholder="请填写申诉原因" :value="cause"></textarea>
			</view>
			<view class="cause4">
				<view class="cause4-1" @click="bohuig">取消</view>
				<view class="cause4-2" @click="bh">确定</view>
			</view>
		</view>
		
		<view class="zheceng" v-if="is_tk==true"></view>
		<view class="cause" v-if="is_tk==true" style="height:270px;margin-top: -135px;">
			<view class="cause2">
				<text>填写退款金额</text>
				<image @click="tkc" src="../../static/cha.png" mode="aspectFit"></image>
			</view>
			<view class="cause3">
				<input @input="tkm" type="digit" :placeholder="'最多可退'+tk_money+'元'">
			</view>
			<view class="cause3">
				<textarea @input="tkyuanyin" placeholder="请填写申请退款原因"></textarea>
			</view>
			<view class="cause4">
				<view class="cause4-1" @click="tkc">取消</view>
				<view class="cause4-2" @click="tuik" :data-money="tk_money">确定</view>
			</view>
		</view>
		
		<view class="zheceng" v-if="is_w==true"></view>
		<view class="cause" v-if="is_w==true">
			<view class="cause2">
				<text>申诉原因</text>
				<image @click="wcnog" src="../../static/cha.png" mode="aspectFit"></image>
			</view>
			<view class="cause3">
				<textarea @input="yuanyin" placeholder="请填写申诉原因" :value="cause"></textarea>
			</view>
			<view class="cause4">
				<view class="cause4-1" @click="wcnog">取消</view>
				<view class="cause4-2" @click="wcn">确定</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp();
	export default {
		data() {
			return {
				status:0,
				uid:0,
				is_c:false,
				is_w:false,
				is_tk:false,
				cause:'',
				startX :0,
				delBtnWidth: 80,
				zdtype:0,
				index:0,
				show:0,
				oid:0,
				right:0,
				tkmoney:0,
				tkcause:'',
				order:[],
				page:1,
				next:0
			}
		},
		onLoad(op){
			if(app.isBlank(op.stu)==false){
				this.status=op.stu;
			}else{
				this.status=0;
			}
			const uid = uni.getStorageSync('uid');
			if(app.isBlank(uid)==true){
				this.show=1;
				this.uid=0;
				this.order=[];
				return false;
			}
			var that=this;
			
			uni.getSystemInfo({
			    success: function (res) {
					that.right=res.windowWidth*0.03+81;
					//#ifdef APP-PLUS
					if(res.platform=='ios'){
						//that.zdtype=1;
					}
					//#endif
			    }
			});
			
			this.uid=uid;
			this.getdata();
			
		},
		methods: {
			getdata(t=0){
				var that=this;
				uni.showLoading({
				    title: '数据加载中'
				});
				uni.request({
				    url: app.globalData.url+"order/lists",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {status:that.status,uid:that.uid,page:that.page},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							if(res.data.code==-1){
								uni.removeStorageSync('uid');
							}
							app.error_msg(res.data.msg);
						}
						if(t==1){
							that.order=res.data.data.order
						}else{
							that.order=that.order.concat(res.data.data.order)
						}
						that.next=res.data.data.next
						that.page++;
						that.show=1;
				    }
				});
			},
			qiehuan(e){
				var s=e.currentTarget.dataset.s;
				this.status=s;
				const uid = uni.getStorageSync('uid');
				if(app.isBlank(uid)==true){
					return false;
				}
				this.page=1;
				this.next=0;
				this.getdata(1);
			},
			see(e){
				var id=e.currentTarget.dataset.id;
				uni.navigateTo({
				    url: '/pages/order/detail?id='+id
				});
			},
			tuikuan(e){
				var index=e.currentTarget.dataset.index;
				this.index=index;
				this.tk_money=this.order[index].pay_total;
				this.oid=this.order[index].id;
				this.is_tk=true;
			},
			tkc(){
				this.is_tk=false;
			},
			tkyuanyin(e){
				this.tkcause = e.target.value
			},
			tkm(e){
				this.tkmoney = e.target.value
			},
			tuicause(e){
				var index=e.currentTarget.dataset.index;
				var that=this;
				uni.showModal({
					title:'原因',
					showCancel:false,
					confirmText:'我知道啦',
				    content: that.order[index].tk_bh_cause
				});
			},
			tuik(e){
				var money=e.currentTarget.dataset.money;
				if(app.isBlank(this.tkmoney)==true){
					uni.showToast({
					    title: "请填写退款金额",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				if(this.tkmoney<=0){
					uni.showToast({
					    title: "退款金额必须大于0",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				if(this.tkmoney>money){
					uni.showToast({
					    title: "退款金额不能多于"+money+"元",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				if(app.isBlank(this.tkcause)==true){
					uni.showToast({
					    title: "请填写申请退款原因",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				uni.showLoading({
				    title: '提交中'
				});
				var that=this;
				uni.request({
				    url: app.globalData.url+"order/tuikuan",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:that.oid,tkmoney:that.tkmoney,tkcause:that.tkcause},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1500
						});
						that.order[that.index].sq_stu=3;
						that.order[that.index].sqtime=res.data.data.tishi;
						that.order[that.index].is_tk=0;
						that.order[that.index].tk_status=1;
						that.tkc();
				    }
				});
			},
			mfbdmobile(e){
				var mobile=e.currentTarget.dataset.mobile;
				uni.makePhoneCall({
				    phoneNumber: mobile
				});
				return false;
				var id=e.currentTarget.dataset.id;
				uni.showLoading({
				    title: '请求中..'
				});
				var that=this;
				uni.request({
				    url: app.globalData.url+"teacher/mfbdmobile",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:id},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						
						uni.makePhoneCall({
						    phoneNumber: res.data.data.mobile
						});
				    }
				});
			},
			butuikuan(){
				uni.showToast({
				    title: "已超过24小时申请退款时限",
					icon:'none',
				    duration: 1000
				});
			},
			bohui(e){
				var index=e.currentTarget.dataset.index;
				this.index=index;
				this.oid=this.order[index].id;
				this.is_c=true;
			},
			bohuig(){
				this.oid=0;
				this.index=0;
				this.is_c=false;
				this.cause='';
			},
			bh(){
				if(app.isBlank(this.cause)==true){
					uni.showToast({
					    title: "请输入申诉原因",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				uni.showLoading({
				    title: '提交中'
				});
				var that=this;
				uni.request({
				    url: app.globalData.url+"order/sk_bohui",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:that.oid,cause:that.cause},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1500
						});
						that.order[that.index].sq_stu=0;
						that.bohuig();
				    }
				});
			},
			skyes(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
				    content: '确定服务已完成吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '确认中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/skyes",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
				            		that.order[index].sq_stu=0;
									that.order[index].status=3;
				                }
				            });
				        }
				    }
				});
				
			},
			ysk(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
				    content: '确定服务已完成吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '确认中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/skyes",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id,type:1},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
									that.order[index].status=3;
				                }
				            });
				        }
				    }
				});
				
			},
			wcno(e){
				var index=e.currentTarget.dataset.index;
				this.index=index;
				this.oid=this.order[index].id;
				this.is_w=true;
			},
			wcnog(){
				this.oid=0;
				this.index=0;
				this.is_w=false;
				this.cause='';
			},
			wcn(){
				if(app.isBlank(this.cause)==true){
					uni.showToast({
					    title: "请输入申诉原因",
						icon:'none',
					    duration: 1000
					});
					return false;
				}
				uni.showLoading({
				    title: '提交中'
				});
				var that=this;
				uni.request({
				    url: app.globalData.url+"order/wc_bohui",
					method:"POST",
					dataType:"json",
					header: {
					    'content-type': 'application/x-www-form-urlencoded'
					},
				    data: {uid:that.uid,id:that.oid,cause:that.cause},
				    success: (res) => {
						uni.hideLoading();
						if(res.data.code!=1){
							uni.showToast({
							    title: res.data.msg,
								icon:'none',
							    duration: 1500
							});
							return false;
						}
						uni.showToast({
						    title: res.data.msg,
							icon:'success',
						    duration: 1500
						});
						that.order[that.index].sq_stu=0;
						that.wcnog();
				    }
				});
			},
			wcyes(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
				    title:'确定订单已完成吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '确认中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/wc",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
				            		that.order[index].sq_stu=0;
									that.order[index].status=4;
				                }
				            });
				        }
				    }
				});
				
			},
			wc(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
					title:'确定订单已完成吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '确认中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/wc",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id,type:1},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
									that.order[index].status=4;
				                }
				            });
				        }
				    }
				});
				
			},
			quxiao(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
				    content: '确定要取消该订单吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '取消中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/order_qx",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
				            		//that.order.splice(index,1);
									that.order[index].status=-1;
				                }
				            });
				        }
				    }
				});
				
			},
			drawStart(e) {
				var s=this.order[e.currentTarget.dataset.index].del;
				if(s==0){
					return false;
				}
				var touch = e.touches[0];
				this.startX = touch.clientX;
			},
			//触摸滑动
			drawMove(e) {
				var s=this.order[e.currentTarget.dataset.index].del;
				if(s==0){
					return false;
				}
				for (var index in this.order) {
					this.order[index].right=0;
				}
				var touch = e.touches[0];
				var item = this.order[e.currentTarget.dataset.index];
				var disX = this.startX - touch.clientX;
				if (disX >= 20) {
					if (disX > this.delBtnWidth) {
						disX = this.delBtnWidth;
					}
					this.order[e.currentTarget.dataset.index].right=disX;
				} else {
					this.order[e.currentTarget.dataset.index].right=0;
				}
			},
			//触摸滑动结束
			drawEnd(e) {
				var s=this.order[e.currentTarget.dataset.index].del;
				if(s==0){
					return false;
				}
				var item = this.order[e.currentTarget.dataset.index];
				if (item.right >= this.delBtnWidth / 2) {
					this.order[e.currentTarget.dataset.index].right=this.delBtnWidth;
				} else {
					this.order[e.currentTarget.dataset.index].right=0;
				}
			},
			del(e){
				var that=this;
				var index=e.currentTarget.dataset.index;
				var id=this.order[index].id;
				const uid = uni.getStorageSync('uid');
				uni.showModal({
				    content: '确定要删除该订单吗？',
				    success: function (res) {
				        if (res.confirm) {
				            uni.showLoading({
				                title: '删除中'
				            });
				            uni.request({
				                url: app.globalData.url+"order/order_del",
				            	method:"POST",
				            	dataType:"json",
				            	header: {
				            	    'content-type': 'application/x-www-form-urlencoded'
				            	},
				                data: {uid:uid,id:id},
				                success: (res) => {
				            		uni.hideLoading();
				            		if(res.data.code!=1){
				            			uni.showToast({
				            			    title: res.data.msg,
				            				icon:'none',
				            			    duration: 1500
				            			});
				            			return false;
				            		}
				            		uni.showToast({
				            		    title: res.data.msg,
				            			icon:'success',
				            		    duration: 1500
				            		});
				            		that.order.splice(index,1);
				                }
				            });
				        }
				    }
				});
				
			},
			yuanyin(e){
				this.cause = e.target.value
			},
			onReachBottom(){
				if(this.next==1){
					this.next=0;
					this.getdata();
				}
			}
		}
	}
</script>

<style>
	.shenqing2 image{width:20px;height:20px;float: left;margin-top: 2px;margin-left: 3px;}
	.shenqing2 text{float: left;}
	.shenqing2{width:94%;padding: 0px 3%;height:25px;line-height: 25px;color:#f60202;font-size: 0.75rem;margin-top: 4px;}
	.remove {
		    width: 80px;
		    height: 100%;
		    background-color: red;
		    color: white;
		    position: absolute;
		    top: 0;
		    right: -91px;
		    display: flex;
		    justify-content: center;
		    align-items: center;
			font-size: 16px;
		}
	.orders{width:100%;}
	.lsimg{width:75px;height:75px;margin-right: 7px;border-radius: 5px;}
	.cause4-2{width:40%;height:35px;line-height: 35px;text-align: center;background-color: #05c160;color:#fff;float: right;border-radius: 3px;}
	.cause4-1{width:40%;height:35px;line-height: 35px;text-align: center;background-color: #ccc;color:#fff;float: left;border-radius: 3px;}
	.cause4{width:90%;padding: 0px 5%;overflow: hidden;}
	.cause3 textarea{width:100%;height:96px;line-height: 24px;font-size: 0.85rem;color:#333;}
	.cause3 input{width:100%;height:30px;font-size: 0.85rem;color:#333;}
	.cause3{width:84%;margin:0 auto;margin-top: 8px;margin-bottom: 20px;background-color: #f8f8f8;padding: 2px 3%;border-radius: 3px;}
	.cause2 image{width:20px;height:20px;margin-top: 10px;float: right;}
	.cause2 text{color:#333;font-weight: 550;}
	.cause2{width:90%;padding: 0px 5%;height:40px;line-height: 40px;border-bottom: 1px #f3f3f3 solid;}
	.cause{width:280px;height:220px;position: fixed;top:50%;margin-top: -110px;left:50%;margin-left: -140px;background-color: #fff;z-index: 9999;border-radius: 5px;}
	.zheceng{width:100%;height:100vh;position: fixed;top:0px;background-color: #000000;opacity: 0.6;z-index: 9999;}
	.shenqing{width:94%;padding: 0px 3%;line-height: 18px;color:#05c160;}
	.top2{width:100%;position: sticky;top:0px;z-index: 9999;}
	
	.ziti{width:30px;height:20px;line-height: 20px;text-align: center;background-color: #f36;border-radius: 3px;font-size: 10px;float: left;margin-top: 7.5px;color:#fff;}
	.empty{width:100%;text-align: center;font-size: 1rem;margin-top: 40%;}
	page{background-color: rgb(245, 245, 245);}
	.top{width:100%;height:30px;background-color: #ededed;}
	.zhong{width:94%;padding: 0px 3%;margin-bottom: 20px;overflow: hidden;}
	.qiehuan{width:94%;margin:0px 3%;height:50px;background-color: #fff;border-radius: 5px;margin-top:-25px;border-bottom: 3px rgb(245, 245, 245) solid;overflow: hidden;}
	.status{width:20%;float: left;line-height: 50px;font-size: 0.9rem;color:#666;text-align: center;}
	.active{color:#05c160!important;}
	
	.order{width:100%;margin-top: 5px;background-color: #fff;border-radius: 5px;position: relative;}
	.order_1{width:94%;overflow: hidden;padding: 0px 3%;border-bottom: 1px rgb(245, 245, 245) solid;}
	.time{width:70%;height:30px;line-height: 30px;color:#666;float: left;}
	.zhuangtai{width:30%;height:30px;line-height: 30px;float: left;text-align: right;}
	.daifukuan{color:red;}
	.daifahuo{color:rgba(250, 172, 4, 0.986);}
	.daishouhuo{color:#b000c5;}
	.daipingjia{color:rgb(5, 175, 218);}
	.yiwancheng{color:rgb(4, 190, 4);}
	.yiquxiao{color:#999;}
	.daishangke{color:#0329ce;}
	.goods{width:94%;padding: 0px 3%;}
	.goods_1{width:100%;overflow: hidden;margin-top: 8px;display: flex;}
	.img{width:75px;height:50px;margin-right: 8px;}
	.img image{width:75px;height:50px;border-radius: 4px;}
	.title_1_4{width:30%;height:20px;line-height: 20px;overflow: hidden;float: left;text-align: right;font-size: 0.8rem;color:#666;}
	.title_1_3{width:70%;height:20px;line-height: 20px;overflow: hidden;float: left;font-size: 0.8rem;color:#666;}
	.title_1_2{width:40%;height:30px;line-height: 28px;color:red;overflow: hidden;float: left;text-align: right;}
	.title_1_1{width:100%;height:25px;line-height: 25px;color:#666;overflow: hidden;font-weight: 600;font-size: 0.9rem;float: left;}
	.title_1{width:100%;overflow: hidden;}
	.title_2_2{width:33.33%;height:25px;line-height: 25px;overflow: hidden;float: left;color:#666;font-size: 0.8rem;}
	.title_2_1{width:15px;height:15px;float: left;margin-top: 5px;}
	.title_2{width:100%;height:25px;line-height: 25px;overflow: hidden;color:#666;font-size: 0.8rem;}
	.title{width:100%;flex: 1;}
	.price{width:20%;float: left;}
	.price_1{width:100%;overflow: hidden;height:20px;line-height: 20px;color:#666;text-align: right;}
	.price_2{width:100%;overflow: hidden;height:20px;line-height: 20px;color:#666;text-align: right;}
	.price_2 text{font-size: 0.65rem;}
	.money{height:25px;line-height: 25px;color:#666;display: inline-block;float: left;font-size: 0.8rem;}
	.money text{color:#f36;}
	.caozuo{width:94%;padding: 10px 3%;overflow: hidden;}
	.see{font-size:0.8rem;height:25px;line-height: 25px;text-align: center;color:#fff;background-color: #05c160;float: right;border-radius: 20px;display: inline-block;padding: 0px 10px;}
	.pay{font-size:0.8rem;height:25px;line-height: 25px;text-align: center;color:#fff;background-color: #05c160;float: right;border-radius: 20px;margin-right: 8px;display: inline-block;padding: 0px 10px;}
	.quxiao{font-size:0.8rem;height:23px;line-height: 23px;text-align: center;color:rgb(145, 143, 143);float: right;border-radius: 20px;margin-right: 8px;border:1px rgb(145, 143, 143) solid;display: inline-block;padding: 0px 10px;}
	.del{font-size:0.8rem;height:25px;line-height: 25px;text-align: center;color:red;float: right;border-radius: 20px;margin-right: 8px;border:1px red solid;display: inline-block;padding: 0px 10px;}
</style>
